Merge pull request #3946 from mickverm/initial-variables-duration

Add $duration to initial-variables

Author: jgthms

CHANGELOG.md

@@ -10,6 +10,7 @@
 
 - Fix #3842: restore use of `$easing`, `$radius-rounded` and `$speed` Sass variables
 - Fix #3920: migrate code to avoid Sass 1.80 deprecation warning of global built-in functions
+- Fix #3945: add `$duration` Sass variable
 - Fix #3822: Non-minified version of bulma-prefixed was missing
 - Fix #3805: helper classes were missing prefix
 
@@ -40,7 +41,7 @@
   - `--bulma-input-border-width`
   - `--bulma-label-color`
   - `--bulma-label-spacing`
-  - `--bulma-label-weight` 
+  - `--bulma-label-weight`
   - `--bulma-help-size`
   - `--bulma-field-block-spacing`
 
@@ -77,7 +78,7 @@
 - Fix #3785: make use of the `@prefers-reduced-motion` setting
 - Fix #3758: broken links for `0.9.4` version
 - Fix #3760: fix form controls typo
- 
+
 ### Improvements
 
 - Fix #3737: Move `sass` to `devDependencies`
@@ -167,7 +168,7 @@ The Sass placeholders are:
 - `%loader`
 - `%overlay`
 
-If you were importing them directly from `utilities/mixins`, you'll need to import `utilities/extends` instead.  
+If you were importing them directly from `utilities/mixins`, you'll need to import `utilities/extends` instead.
 If you were importing `utilities/_all` or even `bulma.sass` directly, no change is required.
 
 ### New features

docs/_data/variables/utilities/initial-variables.json

@@ -184,6 +184,10 @@
       "name": "breakpoints",
       "value": "(\n  \"mobile\": (\n    \"until\": $tablet,\n  ),\n  \"tablet\": (\n    \"from\": $tablet,\n  ),\n  \"tablet-only\": (\n    \"from\": $tablet,\n    \"until\": $desktop,\n  ),\n  \"touch\": (\n    \"from\": $desktop,\n  ),\n  \"desktop\": (\n    \"from\": $desktop,\n  ),\n  \"desktop-only\": (\n    \"from\": $desktop,\n    \"until\": $widescreen,\n  ),\n  \"until-widescreen\": (\n    \"until\": $widescreen,\n  ),\n  \"widescreen\": (\n    \"from\": $widescreen,\n  ),\n  \"widescreen-only\": (\n    \"from\": $widescreen,\n    \"until\": $fullhd,\n  ),\n  \"until-fullhd\": (\n    \"until\": $fullhd,\n  ),\n  \"fullhd\": (\n    \"from\": $fullhd,\n  ),\n)"
     },
+    {
+      "name": "duration",
+      "value": "294ms"
+    },
     {
       "name": "easing",
       "value": "ease-out"

sass/themes/light.scss

@@ -73,7 +73,7 @@ $scheme-main: hsl(iv.$scheme-h, iv.$scheme-s, $scheme-main-l);
 
       // Other
       "block-spacing": iv.$block-spacing,
-      "duration": 294ms,
+      "duration": iv.$duration,
       "easing": iv.$easing,
       "radius-small": iv.$radius-small,
       "radius": iv.$radius,

sass/utilities/initial-variables.scss

@@ -134,6 +134,7 @@ $breakpoints: (
 
 // Miscellaneous
 
+$duration: 294ms !default;
 $easing: ease-out !default;
 $radius-small: 0.25rem !default;
 $radius: 0.375rem !default;